<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			// JQuery  基础语法  注释：JQuery与Javascript本质，注释沿用Javascript注释
			/*多行文本*/
			//工厂函数  首行位置  作用：标识Jquery对象、抓取页面元素
			/*工厂函数 【两种使用方式】
			*    ①$("选择器")或$('选择器')   常用
			*    注意：单双引号主要为了区分嵌套问题
			*    ②jQuery("选择器")或('选择器')   不常用
			*    
			*/
			//$('button').click(function(){
				/*逻辑+DOM或者BOM*/
				//alert("hello JQuery"); 直接弹出
				//document.write("<marquee>跑马灯</marquee>")
			//});
			//②jQuery("选择器")或('选择器')
			 jQuery("#btn").click(function(){
			//	 console.log("你猜我在哪里出现");----代表ECMAScript 5.0 语法 输出语句
			 });
			 
			 /*JQ基础语法
               工厂函数[2种].事件源[4类，15种](function(){
			   JQ 逻辑:包含 DOM+逻辑与 BOM+逻辑});*/
		</script>
	</body>
</html>